<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
	<head>
    	<meta charset="utf-8">
    	<title>数据表编辑</title>
    	<link rel="stylesheet" type="text/css" href="/mobile/plugin/westvalley/common/plugin/iview/iview.css">
	    <script type="text/javascript" src="/mobile/plugin/westvalley/common/plugin/vue/vue.js"></script>
	    <script type="text/javascript" src="/mobile/plugin/westvalley/common/plugin/iview/iview.js"></script>
	    <script type="text/javascript" src="/mobile/plugin/westvalley/common/plugin/jQuery/jquery.min.js"></script>
	    <script type="text/javascript" src="/mobile/plugin/westvalley/common/plugin/jQuery/jquery.cookie.js"></script>
	    <script type="text/javascript" src="/mobile/plugin/westvalley/tools/xEdiTable/js/init.js"></script>
	</head>
	<body>
		<div id="app">
			<Row>
				<i-col span="24">
					<i-form :label-width="60">
						<Form-Item label="数据表">
							<i-input type="text" v-model="tableName" placeholder="数据表"></i-input>
						</Form-Item>
					</i-form>
				</i-col>
			</Row>
			<Row>
				<i-col span="24">
					<i-col span="8">
				    	<div style="text-align:center;">
				    		 <i-button type="primary" @click="searchStructuure">
				    		 	<Icon type="search"></Icon>
				    		 	<span>查看</span>
				    		 </i-button>
				    	</div>
				    </i-col>
				    <i-col span="8">
				    	<div style="text-align:center;">
				    		 <i-button type="success">
				    		 	<Icon type="plus-circled"></Icon>
				    		 	<span>新建</span>
				    		 </i-button>
				    	</div>
				    </i-col>
				    <i-col span="8">
				    	<div style="text-align:center;">
					    	<i-button type="ghost">
					    		<Icon type="refresh"></Icon>
					    		<span>重置</span>
					    	</i-button>
				    	</div>
				    </i-col>
				</i-col>
			</Row>
			<Row>
				<i-col span="24">
					<div style="height: 10px"></div>
				</i-col>
			</Row>
			<Row style="background:#eee;padding:20px">
				<i-col span="24">
					<Card shadow>
						<Tabs v-model="currentTab">
							<div slot="extra" style="width: 25px">
								<Row>
									<i-col span="24">
										<i-button type="success" shape="circle" size="small" icon="plus" @click="addRow"></i-button>
									</i-col>
								</Row>
							</div>
							<Tab-Pane label="表结构" name="0">
								<i-table border :columns="tableStructureColumns" :data="tableStructureData" @on-row-dblclick="editRow"></i-table>
							</Tab-Pane>
							<Tab-Pane label="表数据" name="1">
							</Tab-Pane>
						</Tabs>
					</Card>
				</i-col>
			</Row>
		</div>
	</body>
</html>